<template>
    <div style="width: 100%;font-size: 14px;">
        <div class="flex" v-show="item.value && item.value.length" v-for="(item, index) in formValue"
            :key="'form-item-' + index" :label="item.label_name">
            <p style="min-width: 140px;text-align: right; width: 140px;color: gray;">{{ item.label_name }} :</p>
            <p class="ml-20" style="word-break:break-all;">{{ item.value | valueFilter }}</p>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        formValue: Array
    },
    filters: {
        valueFilter(value) {
            return Array.isArray(value) ? value.join('、') : value
        }
    }
}
</script>